<ion-header>
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-back-button></ion-back-button>
    </ion-buttons>
    <ion-title>{{ cType }}</ion-title>
  </ion-toolbar>

  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-icon name="arrow-dropleft" (click)="toPrePage()" class="icon30"></ion-icon>
    </ion-buttons>
    <ion-select [(ngModel)]="pageNum" selectedText="{{selectedText}}" (ionChange)="pageChanged()" okText="确定"
                cancelText="取消">
      <ion-select-option value="{{ num }}" [selected]="num == pageNum" *ngFor="let num of pageNums">{{ num }} /
        {{ pageNums.length }}</ion-select-option>
    </ion-select>
    <ion-buttons slot="end">
      <ion-icon name="arrow-dropright" (click)="toNextPage()" class="icon30"></ion-icon>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-refresher slot="fixed" (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新" refreshingSpinner="circles"
                           refreshingText="刷新中...">
    </ion-refresher-content>
  </ion-refresher>

  <ion-list>
    <ion-item *ngFor="let item of list" detail (click)="openDetail(item)">
      <ion-label>{{ item.title }}</ion-label>
    </ion-item>
  </ion-list>
</ion-content>